<script setup lang="ts">
import { ref, reactive, computed } from "vue";
import { HxqDatePicker } from "vue-mobile-hxq";

const date = ref("");
</script>
<template>
    <div class="public-flex-box">
      <div class="public-phone-title">普通选择</div>
      <div class="public-usage-box">
        <hxq-date-picker label="标题最多六字" v-model="date"></hxq-date-picker>
      </div>
    </div>

    <div class="public-flex-box">
      <div class="public-phone-title">必填</div>
      <div class="public-usage-box">
        <hxq-date-picker
          label="标题"
          required
          :rules="[{ required: true, message: '请选择日期' }]"
        ></hxq-date-picker>
      </div>
    </div>
  
</template>
<style lang="scss">
.van-overlay {
  position: absolute;
}
.van-popup {
  position: absolute;
  width: 100%;
  right: 24px;
}
</style>
